<template>
  <div class="bo">
    <headerNav
      :headerData="headerData"
      @handleRouter="handleRouter"
    ></headerNav>
    <router-view></router-view>
  </div>
</template>
<script>
import headerNav from '@/components/headerNav/headerNav.vue'
export default {
  data() {
    return {
      headerData: [
        { name: '视频', path: '/index/video/videoPage' },
        { name: 'MV', path: '/index/video/Mv' }
      ]
    }
  },
  components: {
    headerNav
  },
  methods: {
    handleRouter(path) {
      this.$router.push(path)
    }
  }
}
</script>
<style lang="scss" scoped></style>
